<!--
 * @Description:图标按钮
 * @version: v1.0
 * @Author: gpj
 * @Date: 2023-5-15 15:36:00
 * @LastEditors: gpj
 * @LastEditTime: 2023-5-15 15:36:00
-->
<template>
	<u-button @click="$emit('click')">
		<u-icon :name=icon :color=iconColor :size=iconSize style='margin-right: 5px;'></u-icon>
		<text>{{title}}</text>
		</u-button>
</template>

<script>
	export default {
		name: "iconButton",
		props: {
			//图标
			icon: {
				type: String,
				default: ''
			},
			// 图标颜色
			iconColor: {
				type: String,
				default: '#2979ff'
			},
			// 图标大小
			iconSize: {
				type: String,
				default: '28'
			},
			//按钮文字
			title: {
				type: String,
				default: ''
			}
		},
		data() {
			return {
			};
		},
		created() {
			
		}
	}
</script>

<style scoped>
	.cl-status__bar {
		flex: 1;
		/* #ifndef APP-NVUE */
		width: 100%;
		/* #endif */
		height: 20px;
		overflow: hidden;
	}

	.cl-status__bar-fixed {
		position: fixed;
		left: 0;
		top: 0;
	}
</style>
